<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>企业网站设计</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/index.css" />
    <script src="js/index.js"></script>
  </head>

  <body>
    <div class="wrap">
      <!-- 头部开始啦 -->
      <header>
        <div class="header_left">
          <h1>我要设计网</h1>
        </div>
        <div class="header_right">
          <div class="number">
            <img src="img/number.jpg" alt="" srcset="" />
          </div>
          <ul>
            <li><a href="#">首页</a></li>
            <li class="menuBtn">
              <a href="#">成功案例</a>
              <ul class="menu">
                <li><a href="#">品牌设计</a></li>
                <li><a href="#">平面设计</a></li>
                <li><a href="#">网页设计</a></li>
                <li><a href="#">电子商城</a></li>
                <li><a href="#">空间/建筑</a></li>
              </ul>
            </li>
            <li><a href="#">关于创意</a></li>
            <li><a href="#">在线咨询</a></li>
            <li><a href="#">会员咨询</a></li>
            <li><a href="#">会员登陆</a></li>
          </ul>
        </div>
      </header>
      <!-- 头部结束啦 -->
      <!-- 轮播图部分开始了 -->
      <div class="banner">
        <div class="banner_wrap">
          <ul class="banner_img clearfix">
            <li class="ig"><img src="img/banner_one.jpg" alt="" /></li>
            <li class="ig"><img src="img/banner_two.jpg" alt="" /></li>
            <li class="ig"><img src="img/banner_three.jpg" alt="" /></li>
            <li class="ig"><img src="img/banner_four.png" alt="" /></li>
            <li class="ig"><img src="img/banner_one.jpg" alt="" /></li>
          </ul>
          <ol class="cricle clearfix"></ol>
          <div class="left_btn"><img src="img/向左.png" alt="" /></div>
          <div class="right_btn"><img src="img/向右.png" alt="" /></div>
        </div>
      </div>
      <!-- 轮播图部分结束啦 -->
      <!-- 内容区域开始啦 -->
      <div class="content">
        <div class="content_one">
          <img src="img/design1.png" alt="" class="content_one_img" />
          <img src="img/design3.png" alt="" class="content_one_img" />
          <img src="img/design5.png" alt="" class="content_one_img" />
          <img src="img/design7.png" alt="" class="content_one_img" />
          <img src="img/design9.png" alt="" class="content_one_img" />
        </div>
        <div class="content_two">
          <div class="content_two_top"><img src="img/exhib.png" alt="" /></div>
          <div class="item">
            <p>
              <span>服务项目:</span>
              标志设计；LOGO设计；商标设计；VI设计；画册设计；海报设计；地产宣传；户外广告；包装设计；ICON设计；
            </p>
            <p>
              网页设计；模板建站；定制网站；界面设计；H5页面设计；网店装修；CAD效果图……
            </p>
          </div>
          <div class="cardGroup">
            <ul class="clearfix">
              <li class="card">
                <img src="img/mid6.png" alt="" class="show" />
                <img src="img/mid1.png" alt="" />
              </li>
              <li class="card">
                <img src="img/mid7.png" alt="" class="show" />
                <img src="img/mid2.png" alt="" />
              </li>
              <li class="card">
                <img src="img/mid8.png" alt="" class="show" />
                <img src="img/mid3.png" alt="" />
              </li>
              <li class="card">
                <img src="img/mid9.png" alt="" class="show" />
                <img src="img/mid4.png" alt="" />
              </li>
              <li class="card">
                <img src="img/mid10.png" alt="" class="show" />
                <img src="img/mid5.png" alt="" />
              </li>
            </ul>
          </div>
        </div>

        <div class="content_three">
          <div class="content_three_top_txt">
            <span>我们秉承“工匠精神”，做最精致的设计</span>
            <p>
              我们是完美主义者，要求自己的每一次设计都是最完美。我们坚持专业高水准的服务标准，致力成为您的事业伙伴，我们珍重并以真诚回报您给予的信任和期待，
            </p>
            <p>因为我们的价值来自于我们协助您创造价值。</p>
          </div>
          <div class="content_three_bottom_txt">
            <p>我们敢比服务</p>
            <p>所有的服务项目一律满意为止</p>
            <p>我们敢比价格</p>
            <p>
              我们是以工作室的方式运作，我们的设计作品不包含公司运作成本，我们只会索要单纯的设计价值
            </p>
          </div>
        </div>
        <div class="content_four">
          <div class="content_four_top">
            <img src="img/service.png" alt="" />
          </div>
          <div class="content_four_bottom">
            <img src="img/tele.png" alt="" />
            <span>项目洽谈</span>
            <img src="img/qq.gif" alt="" />
            <span>,根据需求报价</span>
            <img src="img/price.png" alt="" />
            <span>预付定金，开始设计</span>
            <img src="img/four.png" alt="" />
            <span>修改定稿，完成设计 </span>
            <img src="img/receive.png" alt="" />
            <span> 改定稿，完成设计</span>
          </div>
        </div>
      </div>
      <!-- 内容区域结束啦 -->
      <!-- 页脚部分开始啦 -->
      <footer>
        <div class="footer_img">
          <img src="img/二维码.jpg" alt="" />
          <p>扫一扫，直接沟通设计师</p>
        </div>
        <div class="footer_txt">
          <span>xx省XX市XX区xx路xx街道xx号 </span>
          <span>Copyright</span>
          <span>&copy; </span>
          <span>只用于学习，如有侵权联系删除</span>
        </div>
      </footer>
      <!-- 页脚部分结束啦 -->
    </div>
  </body>
</html>
